<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册表单</title>
    <link rel="stylesheet" href="register.css">
</head>
<body>
    <div class="main">
        <style>
            p{

            }
        </style>

        <aside class="re_aside">

        </aside>
        <article class="re_article">
            <h1>Register Form</h1>
            <div class="hr"></div>



            <div>
                <form action="">
                    <ul>
                        <li >
                            <label for="if">
                                <div class="bt">First Name</div>
                                <input name="firstName" id="if" type="text">
                            </label>
                        </li>
                        <li>
                            <div class="bt">Last Name</div>
                            <input name="lastName" type="text">
                        </li>
                        <li>
                            <div class="bt">Email ID</div>
                            <input name="EmailID" type="text">
                        </li>
                        <li>
                            <div class="bt">Your User ID</div>
                            <input name="YourUserID" type="text">
                        </li>
                        <li>
                            <div class="bt">County</div>
                            <input name="County" type="text">
                        </li>
                        <li  style="width: 20%">
                            <div class="bt">state</div>
                            <select name = "state">
                                <option value="China">China</option>
                                <option value="Spain">Spain</option>
                                <option value="UnitedStates">United States</option>
                            </select>
                        </li>
                        <li style="width: 20%">
                            <div class="bt">city</div>
                            <select name = "city">
                                <option value="GanSu">xingjiang</option>
                                <option value="XiAn">XiAn</option>
                                <option value="BeiJing">BeiJing</option>
                            </select>
                        </li>
                        <li>
                            <div class="bt">Phone Number</div>
                            <input name="PhoneNumber" type="text">
                        </li>
                        <li>
                            <div class="bt">Reference Code</div>
                            <input name="ReferenceCode" type="text">
                        </li>
                    </ul>

                    <div class="reset">
                        <input type="reset" value="Reset ALl">
                    </div>
                    <div class="submit">
                        <input type="submit" value="Register">
                    </div>
                </form>

            </div>
        </article>
    </div>
    <script type="text/javascript" src="jquery-3.1.1.min.js" ></script>
    <script language="javascript" type="text/javascript">
        $(document).ready(function(){
            $("ul li").click(function(){
                $("ul li").removeClass("blue");
                $(this).addClass("blue");
            });
        });
    </script>
</body>

</html>